<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<!-- BEGIN HEAD -->

<head>
	<meta charset="utf-8">
	<title>供电公司</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta content="width=device-width, initial-scale=1" name="viewport">
	<meta content="" name="description">
	<meta content="" name="author">
	<!-- BEGIN GLOBAL MANDATORY STYLES -->
	<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css">
	<link href="../assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="../assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css">
	<!-- END GLOBAL MANDATORY STYLES -->
	<!-- BEGIN PAGE LEVEL PLUGIN STYLES -->
	<link href="../assets/global/plugins/jqvmap/jqvmap/jqvmap.css" rel="stylesheet" type="text/css">
	<link href="../assets/global/plugins/morris/morris.css" rel="stylesheet" type="text/css">
	<!-- END PAGE LEVEL PLUGIN STYLES -->
	<!-- BEGIN PAGE STYLES -->
	<link href="../assets/admin/pages/css/tasks.css" rel="stylesheet" type="text/css" />
	<!-- END PAGE STYLES -->
	<!-- BEGIN THEME STYLES -->
	<!-- DOC: To use 'rounded corners' style just load 'components-rounded.css' stylesheet instead of 'components.css' in the below style tag -->
	<link href="../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css">
	<link href="../assets/global/css/plugins.css" rel="stylesheet" type="text/css">
	<link href="../assets/admin/layout3/css/layout.css" rel="stylesheet" type="text/css">
	<link href="../assets/admin/layout3/css/themes/default.css" rel="stylesheet" type="text/css" id="style_color">
	<link href="../assets/admin/layout3/css/custom.css" rel="stylesheet" type="text/css">
	<!-- END THEME STYLES -->
	<link rel="shortcut icon" href="img/logo.png"/>
	<style>
		[v-cloak]{
			display: none;
		}
	</style>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->

<body>

	<div id="app">
		<!-- BEGIN PAGE CONTAINER -->
		<div class="page-container" v-cloak>
			<!-- BEGIN PAGE CONTENT -->
			<div class="page-content">
				<div class="container">
					<!-- BEGIN PAGE CONTENT INNER -->
					<div class="row">
						<div class="col-md-12">
							<!-- BEGIN PORTLET-->
							<div class="portlet light tasks-widget">
								<div class="portlet-title tabbable-line">
									<div class="caption caption-md">
										<i class="icon-globe theme-font hide"></i>
										<span class="caption-subject theme-font bold uppercase" v-text="info.company">供电公司</span>
									</div>
									<!-- <div class="back">
										<a href="lines.html" class="btn btn-circle btn-sm blue">返回 </a>
									</div> -->
								</div>
								<div>
									<img class="img-responsive margin-bottom-10" src="../assets\admin\pages\img\btgdj.jpg"
										alt="">
										<!-- <div class="note note-info note-bordered">
											<table>
												<tr>
													<td style="width: 50%;" class="bold">光缆总长</td>
													<td style="text-align: right;" v-text="info.len + '公里'"></td>
												</tr>
												<tr>
													<td style="width: 50%;" class="bold">已监控光缆总长</td>
													<td style="text-align: right;" v-text="info.watchLen + '公里'"></td>
												</tr>
												<tr>
													<td style="width: 50%;" class="bold">已配备定位器总长</td>
													<td style="text-align: right;" v-text="info.locatorLen + '公里'"></td>
												</tr>
											</table>
											
										</div> -->
								</div>
							

								<div class="portlet-body fix-height">

									<div class="suojin">
										<p v-text="info.descript"></p>
									</div>
									
								</div>
							</div>
							<!-- END PORTLET-->
						</div>
					</div>

					<!-- END PAGE CONTENT INNER -->
				</div>
			</div>
			<!-- END PAGE CONTENT -->
		</div>
	</div>
	<!-- END PAGE CONTAINER -->

	<!-- BEGIN JAVASCRIPTS (Load javascripts at bottom, this will reduce page load time) -->
	<!-- BEGIN CORE PLUGINS -->
	<!--[if lt IE 9]>
<script src="../assets/global/plugins/respond.min.js"></script>
<script src="../assets/global/plugins/excanvas.min.js"></script> 
<![endif]-->
<script src="assets/global/plugins/jquery.min.js" type="text/javascript"></script>
<script src="assets/layer/layer.js" type="text/javascript"></script>
<script src="assets/js/vue.js"></script>
<script src="assets/js/axios.min.js"></script>
<script src="assets/js/xlsx.full.min.js"></script>
<script src="assets/js/config.js"></script>
<script>
jQuery(document).ready(function() {
	const {createApp} = Vue;
	const app = createApp({
		data(){
			return {
				info:{}
			}
		},
		methods:{
			load(){
				layer.load(0,{msg:"努力加载中，请稍后..."});
				try {
					axios.post(config.getUrl() + "/getConfig",{}).then((res) => {
						console.log(res);
						if(res.status == 200){
							if(res.data.code == 0){
								layer.closeAll()
								this.info = res.data.data
							}else{
								layer.closeAll();
								layer.alert("获取链路列表失败，代码为：" + res.data.msg,{icon:1,time:3000});
							}
						}else{
							layer.closeAll();
							layer.alert("网络连接失败，请联系管理员",{icon:1,time:3000});
						}
					},err => {
						console.log(aa);
					})
				} catch (error) {
					console.log(error);
					layer.closeAll();
				}
			}
		},
		created(){
			this.load()
		}
	})
	app.mount("#app")
});
</script>
</body>
<!-- END BODY -->

</html>